﻿<div>
    <div id="toolbar_rules">
        <div class="btn-group">
            <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                批量操作 <span class="caret"></span>
            </button>
            <ul class="dropdown-menu">
                <li><a href="javascript:;">停用</a></li>
                <li><a href="javascript:;">移至回收站</a></li>
            </ul>
        </div>
        <button type="submit" class="btn btn-default">应用</button>
        &nbsp;&nbsp;&nbsp;&nbsp;
        <input type="text" class="form-control" style="display: inline-block; width: auto;" placeholder="Search">
        <div class="btn-group">
            <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                类型 <span class="caret"></span>
            </button>
            <ul class="dropdown-menu">
                <li><a href="javascript:;">全部</a></li>
                <li><a href="javascript:;">HTML</a></li>
                <li><a href="javascript:;">XML</a></li>
                <li><a href="javascript:;">JSON</a></li>
                <li><a href="javascript:;">JSONP</a></li>
            </ul>
        </div>
        <div class="btn-group">
            <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                状态 <span class="caret"></span>
            </button>
            <ul class="dropdown-menu">
                <li><a href="javascript:;">全部</a></li>
                <li><a href="javascript:;">启用</a></li>
                <li><a href="javascript:;">停用</a></li>
            </ul>
        </div>
        <button type="submit" class="btn btn-default">筛选</button>
        &nbsp;&nbsp;&nbsp;&nbsp;
        <button type="submit" class="btn btn-default" id="add_rule">添加</button>
    </div>
    <div id="rules_list">
        <table id="tb_rules" data-toggle="table" data-url="">
            <thead>
                <tr>
                    <th data-checkbox="true" data-width="30px">&nbsp;</th>
                    <th data-field="id" data-width="40px">Id</th>
                    <th data-field="domain">Domain</th>
                    <th data-field="expression">Expression</th>
                    <th data-field="url">Url</th>
                    <th data-field="type" data-width="60px">Type</th>
                    <th data-field="status" data-width="60px">Status</th>
                    <th data-width="110px">Actions</th>
                </tr>
            </thead>
        </table>
    </div>
</div>